<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="./css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/comm.css" />
    <link rel="stylesheet" type="text/css" href="./css/home_allnews_list.css" />
    <style>
        .aui-bar-nav{
            background-color: #fff;
        }
        .chooseicon{
            width: 12%;
            float: left;
        }
        .chooseicon input{
            width: 1rem;
            height: 1rem;
            margin-top: 0.75rem;
            border-radius: 50%;

        }
        .win-newsitem-pic{
            width: 2.5rem;
            height: 2.5rem;
        }
        .win-newsitem-pic i{
            line-height: 2.5rem;
        }
        .aui-refresh-content{
            z-index: 77;
        }
        .maskbg {
            background: rgba(0,0,0,.3);
            z-index: 98;
            position: fixed;
            top: 0;
            bottom: 0;
            width: 100%;
        }
        .choosebox {
            position: fixed;
            top: 22%;
            left: 0;
            right: 0;
            /* padding: 15px; */
            border-top: solid 1px #eee;
            margin-top: 5px;
            background: #fff;
            padding-bottom: 10px;
            z-index: 99;
            height: 50%;
            
            overflow-y:scroll;
        }
        .win-newsitem{
            width: 69%!important;
            
        }
        .win-title{
            width: 100%;
            height: 2.5rem!important;
            line-height: 2.5rem!important;

        }
        .win-top{
            width: 100%;
            height: 54px;
            line-height: 54px;
            border-bottom: solid 0.5px #eee;
            text-align: right;
            padding-right: 4%; 
            background: #fff;
            position: fixed;  
            z-index: 999;        
        }
        .win-top span{
            font-size: 0.75rem;
        }
        .win-box{
            width: 92%;
            margin: 0 auto;
            margin-top: 65px;
            margin-bottom: 20px;
            overflow-y:scroll;
        }
        .zhezhao{
            background: rgba(255,255,255,.5);
            z-index: 999;
            position: absolute;
            top: 6px;
            bottom: 0;
            border-radius: 8px;
        }
        .nochoose{
            color: #bbb!important;
        }
        .showTopstyle{
            width: 50%;
            height: 180px!important;
            top:40%;
            margin: 0 auto;
            border-radius: 6px;
        }
        .topstyle{
            width: 100%;
            height: 48px;
            line-height: 48px;
            text-align: center;
            color: #666;
            border-top: solid 0.5px #f7f7f7; 
            
            
        }
        .nametitle{
            width: 100%;
            height: 80px;
            line-height: 80px;
            text-align: center;
            color: #000;
            font-size: 0.85rem;
            font-weight: 500;
            /* padding-bottom: 10px;
            margin-bottom: 10px; */
           
        }
    </style>
</head>
<body>
    <div id="app" v-cloak>

        <!-- 弹框黑色背景 -->
        <!-- <div v-on:click="doHideSearch()" v-if="showsearch||showTop" class="maskbg">
        </div>
        <div  v-if="showTop" class="choosebox showTopstyle" style="height:60px;">
            <div class="nametitle">{{name}}</div>
            <div class="topstyle" v-on:click="Totoplist()">置顶</div>
            <div class="topstyle" v-on:click="deletelist()">删除</div>
        </div> -->
    <!-- 配置消息列表 -->
        <!-- <div  v-if="showsearch" class="choosebox" style="height: 70%;">
            <div class="win-top">
                <span v-on:click="do_sure()">选择</span>
            </div>
            <div class="win-box">
                <div class="news-item" v-for="item in list"  @click="item.IsShow=!item.IsShow" style="border-bottom: solid 0.5px #f7f7f7; padding-bottom: 15px; margin-bottom: 15px;">
                    <div class="chooseicon">
                        <input  type="checkbox" class="aui-checkbox  new-right-list" v-bind:checked="item.IsShow" @change="selectType(item.ID,item.IsShow)">
                    </div>
                    <div class="picbox">
                        <div class="newsitem-pic win-newsitem-pic">
                            <div v-if="item.IsShow==false" class="win-newsitem-pic zhezhao" ></div>
                            <img v-if="item.ID==690" src="../image/icon/shebei.png">
                            <img v-if="item.ID==692" src="../image/icon/anfang.png">
                            <img v-if="item.ID==693" src="../image/icon/huanjing.png">
                            <img v-if="item.ID==956" src="../image/icon/shenhe.png">
                            <img v-if="item.ID==814" src="../image/icon/kefu.png">
                            <img v-if="item.ID==695" src="../image/icon/tousu.png">
                            <img v-if="item.ID==963" src="../image/icon/tongzhi.png">
                        </div>
                    </div>
                    <div class="newsitem-text win-newsitem" style="width: 71%;">
                        <div class="text-one">
                            <div v-bind:class="{'nochoose':item.IsShow==false}"  class="text-title win-title">{{item.Name}}</div>
                        </div>
                    </div>
                    
                </div>

            </div>
            
        </div> -->



        
        
            <header class="aui-bar aui-bar-nav topheader" id="aui-header" style="position: fixed;box-shadow: rgb(193 195 197 / 6%) 0px 5px 4px 0px;">
                <div class="aui-content focus">
                    <div class="my_user_info_cont" v-on:click="openSetting">
                        <div class="my_user_img"><img v-bind:src="userHeadImg" /></div>
                        <div class="my_user_info">
                            <div class="my_user_name">{{userName}}</div>
                            <div class="my_user_postion">{{companyName?postionName?companyName+" - "+postionName:companyName:""}}</div>
                        </div>
                    </div>
                    <div v-on:click="do_open_scan_login()" class="scan_img aui-margin-r-5">
                        <i class="icon iconfont icon-saoma"></i>
                    </div>
                    <!-- <div v-on:click="do_open_sousuo()" class="scan_img aui-margin-l-15">
                        <i class="icon iconfont icon-sousuo"></i>
                    </div> -->
                    <div v-on:click="do_open_news()" class="scan_img aui-margin-l-15">
                        <!-- <van-badge :content="newCount" color="#ff0000" max="99" :show-zero="false" class="new-xiaoxi-bag">
                            <i class="icon iconfont icon-chat aui-font-size-20 "></i>
                          </van-badge>  -->
                        <div style="position: relative;"> 
                            <i class="icon iconfont icon-chat aui-font-size-20 "></i>
                            <div v-if="newCount>0&&newCount<=99" class="newsnum" style="left:12px;">{{newCount}}</div>
                            <div v-if="newCount>99" class="newsnum" style="left:12px;"><i class="icon iconfont icon-sandian" style="font-size: 0.5rem; color: #fff;"></i></div>
                        </div>
                         
                    </div>
                </div>
            
            <!-- <div class="focus_img"><img src="../image/header_img.jpg" /></div> -->
            
            <div class="posibox scroll_box marginbg">
                 <div class="searchbox">
                    <div class="aui-searchbar" id="search">
                        <div class="aui-searchbar-input aui-searchbar-input-white aui-border-radius" v-on:click="do_open_sousuo()">
                            <i class="icon iconfont icon-sousuo1" ></i>搜索
                        </div>
                    </div>
                </div>
            </div>
            <div class="app_list_txt title-icon" style="background: #fff;">
                <div class="left-icon">
                    <i class="icon iconfont icon-weiguanzhu"></i>
                    <i class="icon iconfont icon-xianshidazhe"></i>
                    <i class="icon iconfont icon-xinzeng"></i>
                </div>
                <!-- 配置按钮 -->
                <!-- <div class="right-icon" v-on:click="do_open_peizhi()"><i class="icon iconfont icon-sandian"></i></div> -->
            </div>
        </header>

            <section id="main_refresh" class="aui-refresh-content">
            <div class="posibox boxsty">
                <section class="aui-grid aui-margin-b-15" style="padding-bottom:0.75rem; margin-bottom:0rem!important;">
                    <div class="aui-row yy-content">
                        <!-- @touchmove="gettouchmove()" @touchend="gettouchend()" -->
                        <div class="news-item" 
                        @touchStart="gettouchStart(index,item.ID,item.Name,item.IsShow,item.SortOrder)" 
                        
                        v-for="(item,index) in list" v-on:click="do_opentypelist(item.ID)">
                            <div class="picbox">
                                <div class="newsitem-pic">
                                    <img v-if="item.ID==690" src="../image/icon/shebei.png">
                                    <img v-if="item.ID==692" src="../image/icon/anfang.png">
                                    <img v-if="item.ID==693" src="../image/icon/huanjing.png">
                                    <img v-if="item.ID==956" src="../image/icon/shenhe.png">
                                    <img v-if="item.ID==814" src="../image/icon/kefu.png">
                                    <img v-if="item.ID==695" src="../image/icon/tousu.png">
                                    <img v-if="item.ID==963" src="../image/icon/tongzhi.png">
                                    <img v-if="item.ID==1064" src="../image/icon/neibutongzhi.png">
                                </div>
                                <div v-if="item.NoReadNumber>0&&item.NoReadNumber<=99" class="newsnum">{{item.NoReadNumber}}</div>
                                <div v-if="item.NoReadNumber>99" class="newsnum"><i class="icon iconfont icon-sandian" style="font-size: 0.5rem;"></i></div>
                            </div>
                            <div class="newsitem-text">
                                <div class="text-one">
                                    <div class="text-title ellipsis-1">{{item.Name}}</div>
                                    <div class="text-time ellipsis-1">{{item.AddTime}}</div>
                                </div>
                                <div class="text-detail ellipsis-1">{{item.Summary}}</div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </section>
    </div>
    <div id="appupgrade">
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/vue.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="js/home_allnews_list.js"></script>
<script type="text/javascript" src="../script/page/upgrade.js"></script>
</html>
